@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0;  vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#666; text-decoration:none; }
a:hover{color:#C81623;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}

/*公共类*/
.w {  /*版心 提取 */
    width: 1210px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}

#dh{
    height:45px;
    .daohang{
        width:1210px;
        height:45px;
        margin:0 auto;
        .daohang_left{
                height: 45px;
                line-height: 45px;
                overflow: hidden;
                float: left;
                
            dt{
                float: left;
                position: relative;
                padding-left: 30px;
                .core_1{
                width: 22px;
                height: 22px;
                display: block;
                background: url(../img/core.png) no-repeat;
                background-position: -184px -618px;
                position: absolute;
                top: 12px;
                left: 0px;
                }
               
               
            }
             dd{
                    float: left;
                    margin-left: 5px;
                    color: #666;
                }
        }
    }
}


//产品数据
#SJ{
    overflow: hidden;
    width: 1200px;
    
    margin: 0 auto;
    
    .shuju{        
        width: 1198px;
        position: relative;
        padding: 20px 0px;
        overflow: hidden;
        .big {
            width: 400px;
            height: 400px;
            position: absolute;
              z-index:2;
            top:50px;
            left: 500px;
            background: #fff;
            img{
                   position: absolute;
                     z-index: 2;
                     top: 0;
                     left: 0;
            }
           
            overflow: hidden;
            display: none;
        }
        .shuju_left{
            width: 480px;
            border: 1px solid #e6e6e6;
            padding: 20px 0px;
            overflow: hidden;
            float: left;
            z-index: 3;
            .sj_left{
               float: left;
                width: 80px;
                height: 400px;
                position: relative;
                overflow: hidden;
                a{
                   background: url(../img/core.png) no-repeat; 
                }
                .a_top{
                    width: 23px;
                    height: 13px;
           
                    background-position: -96px -739px;
                    display: block;
                    position: absolute;
                    top: 0px;
                    left: 30px;
                    z-index: 20;
                    cursor: pointer;
                } 
                .smalltu{
                    height: 372px;
                    overflow: hidden;
                    position: absolute;
                    top: 0px;
                  
                    left: 10px;
                    width: 80px;
                    ul{
                        position: absolute;
                        height: 350px;
                        margin-top: 20px;
                        li{
                            width: 62px;
                            height: 60px;
                            margin: 0 auto;
                            margin-top: 10px;
                        }
                    }
                }
                .a_bottom{
                        position: absolute;
                        bottom: 5px;
                        left: 30px;
                        display: block;
                        width: 23px;
                        height: 13px;
                        background-position: -218px -739px;
                        z-index: 20;
                        cursor: pointer;

                }
            }
            .sj_right{
                float: left;
                width: 400px;
                height: 400px;
                z-index: 3;
                  .box {
                 float: left;
                width: 400px;
                height: 400px;
                
               
               
                position: relative;
               
                
        }
       
        .mask {
            width: 100px;
            height: 100px;
            background: rgba(255, 255, 0, 0.4);
            position: absolute;
            top: 0;
            left: 0;
            cursor: move;
            display: none;
        }
        .small {
            position: relative;
        }
        
            }
         .left_bota{
                    position:relative;
                 width: 480px;
                height: 25px;
                line-height: 25px;
                margin-top: 15px;
                ul{
                    margin-left:30px;
                    li{
                            float: left;
                            color: #666;
                            width: 80px;
                            position: relative;
                            padding-left: 30px;
                               .btas{
                                    width: 23px;
                                    height: 23px;
                                    position: absolute;
                                    top: 2px;
                                    left: 0px;
                                   background: url(../img/core.png) no-repeat;
                               }
                               .btas1{
                                  
                                    background-position: -346px -734px;
                               }
                               .btas2{

                                    background-position: -469px -734px;
                               }
                               .btas3{

                                    background-position: -598px -734px;
                               }
                               .btas4{
                                   background-position: -719px -734px;
                               }
                    }
                }
         }
        }
        .shuju_mid{
            position:relative;
            
            float: left;
            width: 500px;
            margin-left: 10px;
            
            .mid_top1{
                font-size: 15px;
                font-family: Microsoft YaHei;
                line-height: 25px;
                overflow: hidden;
                color: #666;
               
               
                span{
                    background: url(../img/men-bg.png) no-repeat;
                  width: 80px;
                  height: 20px;
                  display: block;
                  background-position: -236px -828px;
                  float: left;
                  margin-top: 4px;
                }
            }
            .jiage{
                
                width: 480px;
                background: #f7f7f7;
                margin-top: 10px;
                padding: 10px 10px;
                .jiage1{
                    color: #333;
                    line-height: 30px;
                    height: 30px;
                   
                    em{
                        font-size: 18px;
                        font-weight: bold;
                        color: #ff3344;
                    }
                    del{
                            color: #b2b2b2;
                            margin-left: 8px;

                    }
                }
            }
            
            .cuxiao{
              
                margin-top: 15px;
                padding-bottom: 15px;
                border-bottom: 1px dashed #e6e6e6;
                ul{
                    overflow: hidden;
                }
                li{
                    float: left;
                    height: 25px;
                    line-height: 25px;
                }
                .li1{
                    width: auto;
                    min-width: 60px;
                    color: #666;
                    width: 60px;
                    margin-left: 10px;
                }
                .li2{
                    
                    
                    margin-left: 10px;
                    color: #ff3344;
                }
            }
            
            .size1{
              
                margin-top: 5px;
                ul{
                    overflow: hidden;
                    
                    margin-top: 10px;
                    .data-attr1{
                        width: auto;
                        min-width: 60px;
                        margin-left: 10px;
                        line-height: 38px;
                        color: #666;
                        float: left;
                    }
                    .data-attr2{
                        width: auto;
                        max-width: 400px;
                        float: left;
                        line-height: 25px;
                    }
                    .attr-sec{
                        border: 1px solid #ff3344;
                    }
                    .ptattr{
                        float: left;
                        height: 25px;
                        line-height: 25px;
                        padding: 0px 5px;
                        border: 1px solid #ccc;
                        cursor: pointer;
                        margin-right: 5px;
                        margin-top: 5px;
                        position: relative;
                        em{
                            width: 18px;
                            height: 14px;
                            display: block;
                            position: absolute;
                            bottom: 0px;
                            right: 0px;
                            background: url(../img/core.png) no-repeat;
                            background-position: -363px -500px;
                        }
                    }
                }
            }
            
            .data-number{
                    margin-top: 15px;
                    overflow: hidden;
                  li{
                      float:left;
                  }
                  .data-number5{
                      width: auto;
                      min-width: 60px;
                      color: #666;
                    margin-left: 10px;
                        .dtnum2{
                            line-height: 20px;
                        }
                        .dtnum3{
                            line-height: 20px;
                            em{
                                color: #fe8905;
                                margin: 0px 2px;
                            }
                        }

                  }
                  .data-number2{
                      width:65px;
                      .pt-nk{
                          float: left;
                          .datanub-value{
                                width: 28px;
                                height: 39px;
                                text-align: center;
                                line-height: 38px;
                                border: 1px solid #ccc;
                          }
                      }
                      .pt-ns{
                          float:left;
                          a{
                             width: 24px;
                            height: 19px;
                            display: block;
                            border: 1px solid #ccc;
                            text-align: center;
                            line-height: 19px;
                            color: #333;
                            border-left: none;
                          }
                      }
                  }
                  .data-number3{
                     width: 140px;
                    height: 40px;
                    display: block;
                    color: #fff;
                    background: #ff3344;
                    text-align: center;
                    line-height: 40px;
                    font-weight: bold;
                    margin-left: 10px;
                    .addCart{
                        display: block;
                        width:140px;
                        height:40px;
                    }
                  }
            }
            .data-sao{
                width: 145px;
                height: 40px;
                border: 1px solid #f00;
                position: absolute;
                top: 0px;
                right: 30px;
                border: 1px solid #e6e6e6;
                cursor: pointer;
                span{
                    width: 18px;
                    height: 26px;
                    display: block;
                    position: absolute;
                    top: 8px;
                    left: 15px;
                    background: url(../img/core.png) no-repeat;
                    background-position: -394px -852px;
                }
                ul{
                    margin-left: 40px;
                    .lids1{
                        color: #999;
                        margin-top: 3px;
                   
                    }
                     .lids2{
                        color: #fe8905;
                    }
                }
                .dstelma{
                    width: 143px;
                    height: 130px;
                    border: 1px solid #e6e6e6;
                    position: absolute;
                    top: -132px;
                    left: 0px;
                    background: #fff;
                    text-align: center;
                    display: none;
                }
            }
        }
        .pt-data-rt{
            width: 195px;
            float: right;
           
            margin-right: 8px;
            overflow: hidden;
            .data-rt-brank{
                width: 160px;
                height: 90px;
                text-align: center;
                border-bottom: 1px dashed #e6e6e6;
                margin: 0 auto;
                img{
                    width: 160px;
                    height: 90px;
                }
            }
            .data-rt-val{
                    border-bottom: 1px dashed #e6e6e6;
                      padding-bottom: 15px;
                ul{
                    margin-top: 5px;
                    li{
                        color: #999;
                        line-height: 25px;
                        overflow: hidden;
                        position: relative;
                        margin-top: 2px;
                        .rt-val1{
                            width: auto;
                            min-width: 70px;
                            text-align: right;
                            float: left;

                        }
                        .rt-val2{
                            width: auto;
                            float: left;
                            width: 115px;
                            overflow: hidden;
                            height: 25px;
                        }
                        
                    }
                    .ptvalli{
                        cursor: pointer;
                    }
                    .ptvalma{
                        text-align: center;
                        margin-top: 15px;
                    }
                }
            }
           .data-rt-other{
                margin-top: 15px;
                overflow: hidden;
                ul{
                        overflow: hidden;
                        float: left;
                        margin-left: 12px;
                        margin-top: 5px;
                        width:47px;
                      
                        .pt-core{
                            background: url(../img/core.png) no-repeat;
                        }
                        .or-gcz{
                            background-position: -167px -1114px;
                        }
                        .rt-other1{
                            width: 40px;
                            height: 35px;
                        }
                        .rt-other2{
                            float: left;
                              font-size: 10px;
                            color: #999;
                        }
                        .or-mfs{
                            background-position: -862px -849px;
                        }
                        .or-zgt{
                            background-position: -385px -1114px;
                        }
                }
            }
        }
        
    }
}
#main1{
    margin-top: 20px;
    overflow: hidden;
    .main_1{
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        .pt-d-left{
            float: left;
            width: 190px;
            overflow: hidden;
            .pt-d-left-1{
                float: left;
                width: 188px;
                padding-bottom: 20px;
                border: 1px solid #e6e6e6;
                .d-left-tl{
                    height: 40px;
                    background: #fafafa;
                    border-bottom: 1px solid #e6e6e6;
                    position: relative;
                    text-align: center;
                    line-height: 40px;
                    color: #c71417;
                    font-weight: bold;
                    em{
                        color: #666;
                        margin-left: 4px;
                    }
                    .pt-hot{
                        width: 37px;
                        height: 36px;
                        display: block;
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        background: url(../img/core.png) no-repeat;
                        background-position: -960px -845px;
                    }
                }
                #p-hotlist{
                    ul{
                        width: 140px;
                        margin: 0 auto;
                        overflow: hidden;
                        margin-top: 15px;
                        li{
                            img{
                                width: 140px;
                                height: 140px;
                            }
                        }
                        .left-conli-txt{
                            a{
                                color: #333;
                                height: 20px;
                                overflow: hidden;
                                display: block;
                                line-height: 20px;
                                margin-top: 10px;
                            }
                        }
                        .left-conli-val{
                            color: #ff3344;
                            font-weight: bold;
                            height: 20px;
                            overflow: hidden;
                            display: block;
                            line-height: 20px;
                            margin-top: 5px;
                            text-align: center;
                            font-size: 16px;
                        }
                    }
                }
            }
        }
        .pt-d-right{
            width: 1000px;
            float: right;
            .protab-base{
                overflow: hidden;
                background: #fafafa;
                border: 1px solid #e6e6e6;
                .selected{
                    height: 38px;
                    line-height: 38px;
                    color: #c51811;
                    background: #fff;
                    border-top: 2px solid #c51811;
                }
                span{
                    display: block;
                    float: left;                 
                    cursor: pointer;
                    font-size: 12px;
                    width: 180px;
                    text-align: center;                 
                    font-weight: bold;                  
                    border-bottom: none;
                    line-height: 38px; 
                   background: #e6e6e6;                 
                    border-right: 1px solid #e6e6e6;
                    a{
                        width: 180px;
                        height: 38px;
                        display: block;
                    }
                }
            }
            .protab-basecon{
                border: 1px solid #e6e6e6;
                border-top: none;
                overflow: hidden;
                .tab-detai{
                    background: #fff;
                    .seav-detail{
                        padding-left: 30px;
                        overflow: hidden;
                        border-bottom: 1px solid #eaeaea;
                        padding-bottom: 20px;
                        margin-top: 20px;
                        dl{
                            width: 960px;
                            overflow: hidden;
                            dd{
                                color: #666;
                                line-height: 25px;
                                width: 240px;
                                float: left;
                            }
                        }
                    }
                    .seav-dtu{
                        overflow: hidden;
                        margin-top: 15px;
                        margin-left: 10px;
                    }
                }
                
            }
        }
    }
}
